<!DOCTYPE html>
<html lang="en">

<head>
    <!-- meta tags are not necessary here, but having them always is a good practice -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- title -->
    <title>Ping Pong</title>
    <!-- link to css -->
    <link rel="stylesheet" href="../assets/css/pingpong.css"">

</head>
<body>
    
        <h1 id=" heading" style=" text-align: center;">PING PONG GAME</h1>
        

    <!-- our "canvas" where we draw things -->
    <div id="canvas1"><canvas id="canvas" width="870" height="500"> </canvas></div>

    <!-- link to script.js -->
    <script type="text/javascript" src="../assets/js/pingpong.js"></script>

    </body>

</html>